
/* 波浪线 */
.touch_notes{cursor:pointer;color: #f66;background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 4'%3E%3Cpath fill='none' stroke='%23f66' d='M0 3.5c5 0 5-3 10-3s5 3 10 3 5-3 10-3 5 3 10 3'/%3E%3C/svg%3E") repeat-x 0 100%; 
    background-size: 20px auto;animation: waveMove 1s infinite linear;}
.touch_notes.selected{background-color: yellow;}
@keyframes waveMove {from { background-position: 0 100%; }  to   { background-position: -20px 100%; }}
.highlight{font-weight: bold;color: yellow;}
/* 选中内容区的提示栏 */
.note-tool.down::before {border-bottom: 6px solid #484848;top: -6px;left:82px;}
.note-tool.up::before {border-top: 6px solid #484848;bottom: -6px;left:82px;}
.note-tool.down::before, .note-tool.up::before {content: "";position: absolute;border-right: 8px solid transparent;border-left: 8px solid transparent;width: 0;height: 0;}
.note-tool {display: none;margin: 0;padding: 0;list-style: none;position: absolute;font-weight: 300;background: #484848;color: #fff;align-items: center;justify-content: space-around;border-radius: 8px;}
.note-tool-item {flex: 1 1 auto;height: 32px;line-height: 32px;font-size: 12px;cursor: pointer;white-space: nowrap;width: 58px;position: relative;border-radius: 8px;text-align: center;float: left;}
.note-tool-item .iconfont {line-height: 1;position: absolute;font-size: 16px;top: 14px;left: 21px;}
/* 弹出框 */
.note-dialog.down::before, .note-dialog.up::before {content: "";position: absolute;border-right: 8px solid transparent;border-left: 8px solid transparent;width: 0;height: 0;}
.note-dialog {width: 600px;display: none;margin: 0;padding: 0;list-style: none;position: absolute;font-weight: 300;background: #484848;color: #fff;align-items: center;justify-content: space-around;border-radius: 8px;}
.note-dialog.down::before {border-bottom: 6px solid #484848;top: -6px;left:288px;}
.note-dialog.up::before {border-top: 6px solid #484848;bottom: -6px;left:288px;}
.edit-textarea-wrap {padding: 20px;box-sizing: border-box;}
.edit-textarea-wrap .edit-textarea {width: 100%;height: 240px;line-height: 26px;border: 0;font-size: 16px;color: #e4e4e4;background: #545353;resize: none;outline: none;vertical-align: top;}
.edit-textarea-wrap button {
    padding: 0;width: 95px;height: 35px;line-height: 35px;text-align: center;margin-top: 10px;color: #fff;    
	background: #6d6d6d;font-weight: 400;border: none;outline: none;border-radius: 6px;float: right; margin-right: 20px;	margin-bottom:10px;}

/* 右侧提示栏 */
.touch-note-popmenus {display: none;margin: 0;padding: 0;list-style: none;position: absolute;font-weight: 300;background: #1c1c1c;color: #fff;align-items: center;justify-content: space-around;border-radius: 8px;}
.touch-note-popmenus.down::before {border-bottom: 6px solid #1c1c1c;top: -6px;left:88px;}
.touch-note-popmenus.up::before {border-top: 6px solid #1c1c1c;bottom: -6px;left:88px;}
.touch-note-popmenus.down::before, .touch-note-popmenus.up::before {content: "";position: absolute;border-right: 8px solid transparent;border-left: 8px solid transparent;width: 0;height: 0;}
/* 临时选区 */
.tmp_touch_notes{background:#26a69a;color: #ffffff;}
/* 选区样式，只对背景色、前景色起作用 */
::-moz-selection {background: #26a69a;color: #ffffff;}
::selection {background: #26a69a;color: #ffffff;}
